<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>联系我们</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../../../../component/elementUI/index.css" />
    <link rel="stylesheet" href="../../../../style/index.css" />
  </head>

  <body>
    <div id="app" v-cloak class="minWidth">
      <el-card style="background-color: white">
        <div class="table_titel">
          <div class="titel">业务人员</div>
          <div class="operation">
            <el-button type="primary" @click="AddPersonnel"
              >添加业务人员</el-button
            >
          </div>
        </div>
        <el-table
          :data="tableData"
          stripe
          border
          height="calc(100vh - 200px)"
          style="width: 100%"
        >
          <el-table-column
            align="center"
            label="序号"
            width="50"
            type="index"
          ></el-table-column>
          <el-table-column
            align="center"
            width="180"
            prop="Company_Business_Personnel_SerialNumber"
            label="流水号"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="Company_Business_Personnel_Name"
            label="姓名"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="Company_Business_Personnel_Phone"
            label="手机号"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="Company_Business_Personnel_Position"
            label="职位"
          ></el-table-column>
          <el-table-column align="center" label="操作" width="180">
            <template slot-scope="scope">
              <el-button
                type="primary"
                size="small"
                @click="EditPersonnel(scope.row.Company_Business_Personnel_SerialNumber)"
                >编辑</el-button
              >
              <el-button
                :loading="loading"
                type="danger"
                size="small"
                @click="DeletePersonnel(scope.$index, scope.row)"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          style="margin-top: 5px"
          background
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="form.page"
          :page-sizes="[10, 20, 30, 50]"
          :page-size="form.limit"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total"
        >
        </el-pagination>
      </el-card>
    </div>
    <script
      type="text/javascript"
      src="../../../../utils/jquery-3.6.0.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../../utils/jquery.cookie.js"
    ></script>
    <script type="text/javascript" src="../../../../utils/vue.min.js"></script>
    <script
      type="text/javascript"
      src="../../../../component/elementUI/index.js"
    ></script>
    <script type="text/javascript" src="../../../../utils/utils.js"></script>
    <script type="text/javascript" src="js/ContactUs.js"></script>
  </body>
</html>
